<template>
  <div>
  <div>
    <!-- <gd :dx="dx"></gd> -->
<div style="margin: 10px 5px 50px 5px;">
  <van-list
  v-model="loading"
  :finished="finished"
  finished-text="没有更多了"
  @load="gz"
>
<template #loading>
  <loafsvg></loafsvg>
</template>

<slot :dx="dx"></slot>
 

<template #finished>
  <slot name="finished" :cd="dx.length"></slot>
</template>
<!-- 
//插槽起名字的
// <template #aa>
//   <slot name="aa" :dx="dx"></slot>
// </template>
//   <div class="aa" v-for="(sj,sy) in dx" :key="sy">
//     <div v-if="sj.imageSrc.length===1">
//       <div class="fdd">
//         <div class="bt">{{sj.title}}</div> 
//         <div v-for="(sjj,sy) in sj.imageSrc" :key="sy">
//           <img class="tp" :src="sjj|imggl" v-lazy="sjj" />
//         </div>
//         </div>
//         <div class="zz">
//           <div class="zzz">作者:{{sj.author}}</div><div class="pl">评论:{{sj.comment}}</div><div>发布日期{{sj.time}}</div>
//         </div>
//      </div>
//       <div v-else>
//       <div>
//         <div class="tit">{{sj.title}}</div> 
//         <div class="tpd">
//         <div v-for="(sjj,sy) in sj.imageSrc" :key="sy">
//           <img class="tpp" :src="sjj" v-lazy="sjj" />
//         </div>
//         </div>
//         </div>
//         <div class="zz">
//           <div class="zzz">作者:{{sj.author}}</div><div class="pl">评论:{{sj.comment}}</div><div>发布日期{{sj.time}}</div>
//         </div>
//      </div>
//   </div> -->
 </van-list> 
</div>
  </div>
  </div>
</template>

<script>
import { timeForm } from "@/gj/timeform.js";
// import {sssj} from '@/api/ssjk'
import loafsvg from '@/components/gd/LoagSvg.vue'
// import config from '@/config'
export default {
components:{
loafsvg
},
data() {
    return {
        skip:0,
        // limit:10,
        dx:[],
       loading:false,
        finished:false,
    }
},
props:{
    APIss:{                            //接收
        type:Function,
        default:function name(params){

        }
    },
    limit:{
        type:Number,
        default:10
    }
},
created(){
//  this.cj()
console.log(this.$props)   //打印接收的东西 就是那个接口 apiss  用$props
console.log(this.$attrs)   //打印没有接收的东西 就是那个key_word 用$attrs  

},
// computed:{
//         // key_word(){
//         //     return this.$route.query.key_word
//         // }
// },
//   filters:{
//           imggl(img){
//                 if(img.includes(config.baimgurl)||img.includes(config.baimgurls)){
//                   return img+'?imageMogr2/thumbnail/!50p'

//                 }
//           }
//     },

methods:{
gz(){
    let {skip,limit,$attrs,APIss}=this    //这边调用那个传过来的东西解构赋值
APIss({
skip,limit,...$attrs
}).then(res=>{
    console.log(res)
      if(res.code==0){
                      // let newdata=res.data
                      let newdata=res.data.map((v)=>{
                        v.create_time=timeForm(v.create_time)

                         console.log(v.create_time)
                              return v
                         })


                      this.dx.push(...newdata)
                      if(this.dx.length>=res.count){
                              this.finished=true
                      }else{
                        this.loading=false
                        this.skip=this.dx.length
                      }
                 }
})
}
}
}
</script>

